import React, {
	Component,
	PropTypes
} from 'react'
import {
	Link
} from 'react-router'

const ArticleItem = (props) => {
	const {
		title,
		date,
		hits,
		id
	} = props.article
	let routerPath = "/article/" + id
	return (
		<div className="hint-box-nor b-blue m16 article-detail-box">
		    <strong><Link className="c-blue" to={routerPath}>{title}</Link></strong>
		    <div className="article-detail">
				<strong className="c-blue mr8">date:</strong>
				<span className="mr24">{date}</span>
				<strong className="c-blue mr8">Hits:</strong>
				<span className="mr24">{hits}</span>
			</div>
		</div>
	)
}

export default ArticleItem